<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Shopy Mart - Responsive E-commerce Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen" /> <!-- General style -->
<link href="css/tipsy.css" type="text/css" rel="stylesheet" media="screen"><!--tooltip-->
<link href="css/jquery.jqzoom.css" type="text/css" rel="stylesheet" media="screen"><!--zoom-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700|Arvo:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>

<script type="text/javascript" src="js/css3-mediaqueries.js"></script><!--mediaqueries-->
<script type="text/javascript" src="js/modernizr-1.7.min.js"></script><!--modernizr-->
<script type="text/javascript" src="js/jquery.tipsy.js"></script><!--tooltip-->
<script type="text/javascript" src="js/jquery-hover-effect.js"></script><!--Image Hover Effect-->
<script type='text/javascript' src='js/jquery.hoverIntent.minified.js'></script><!--menu-->
<script type='text/javascript' src='js/jquery.dcmegamenu.1.3.3.js'></script><!--menu-->
<script type="text/javascript" src="js/jquery.quovolver.js"></script><!--blockquote-->
<script type='text/javascript' src="js/jquery.jqzoom-core.js"></script><!--image zoom-->
<script type="text/javascript" src="js/organictabs.jquery.js"></script><!--tabs-->
<script type="text/javascript" src="js/custom.js"></script><!--custom-->
<!--MENU-->
<script type="text/javascript">
$(document).ready(function($){
	$('#mega-menu-3').dcMegaMenu({
		rowItems: '2',
		speed: 'fast',
		effect: 'fade'
	});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
	$('.jqzoom').jqzoom({
            zoomType: 'innerzoom',
            preloadImages: false,
			zoomWidth: 300,
            alwaysOn:false
        });
});
</script>
<script type="text/javascript">
$(function() {        
	$("#tab").organicTabs({
  		"speed": 200
	});    
});
</script>
</head>

<body>
	<div id="page_wrap">
    	<header>
        	<div id="top">
            	<span>Hello! default welcome message</span>
                <div>
                	<p>Language:
                	<label>
                        <select>
                            <option selected>English </option>
                            <option>German</option>
                            <option>Spanish</option>
                        </select>
                    </label>​
                    </p>
                    <p>Currency:
                	<label>
                        <select>
                            <option selected>US Dollar - USD </option>
                            <option>Euro - EUR</option>
                            <option>British Pound - GBP</option>
                        </select>
                    </label>​
                    </p>
                </div>
            </div><!--end:top-->
            <div id="top2">
            	<ul class="myaccountmenu">
                	<li><a href="account.html" class="first">My Account</a></li>
                    <li><a href="wishlist.html">My Wishlist</a></li>
                    <li><a href="cart.html">My Cart</a></li>
                    <li><a href="checkout.html">Checkout</a></li>
                    <li class="login"><a href="#login-box" class="last login-window">Login</a></li>
                </ul>
                <div id="login-box" class="login-popup">
                <a href="#" class="close"><img src="images/process-stop.png" class="btn_close" title="Close Window" alt="Close" /></a>
                  <form method="post" class="signin" action="#">
                        <fieldset class="textbox">
                        <label class="username">
                        <span>Username or email</span>
                        <input id="username" name="username" value="" type="text" autocomplete="on" placeholder="Username">
                        </label>
                        <label class="password">
                        <span>Password</span>
                        <input id="password" name="password" value="" type="password" placeholder="Password">
                        </label>
                        <button class="submit button" type="button">Sign in</button>
                        <p>
                        <a class="forgot" href="#">Forgot your password?</a> / <a class="register" href="register.html">Create an Account</a>
                        </p>        
                        </fieldset>
                  </form>
       			</div>
                <div id="demo-header">
                    <a id="cart-link" href="#cart" title="Cart">2 Items - $295.00</a>
                    <div id="cart-panel">
                    	<div class="item-cart">
                        <table>
                          <tbody>
                            <tr>
                              <td class="image"><a href="product.html"><img width="60" height="60" src="images/products/product-thumb-1.jpg" alt="product" title="product"></a></td>
                              <td class="name"><a href="product.html">Women's Saucony</a></td>
                              <td class="quantity">x&nbsp;1</td>
                              <td class="total">$59.95</td>
                              <td class="remove"><i class="icon-remove"></i></td>
                            </tr>
                            <tr>
                              <td class="image"><a href="product.html"><img width="60" height="60" src="images/products/product-thumb-1.jpg" alt="product" title="product"></a></td>
                              <td class="name"><a href="product.html">Women's Saucony</a></td>
                              <td class="quantity">x&nbsp;1</td>
                              <td class="total">$59.95</td>
                              <td class="remove"><i class="icon-remove "></i></td>
                            </tr>
                          </tbody>
                        </table>
                        <table>
                          <tbody>
                            <tr>
                              <td class="textright"><b>Sub-Total:</b></td>
                              <td class="textright">$119.90</td>
                            </tr>
                            <tr>
                              <td class="textright"><b>Eco Tax (-2.00):</b></td>
                              <td class="textright">$2.00</td>
                            </tr>
                            <tr>
                              <td class="textright"><b>VAT (10%):</b></td>
                              <td class="textright">$32.00</td>
                            </tr>
                            <tr>
                              <td class="textright"><b>Total:</b></td>
                              <td class="textright">$151.90</td>
                            </tr>
                          </tbody>
                        </table>
                        <div class="buttoncart">
                          <a href="cart.html">View Cart</a>
                          <a href="checkout.html">Checkout</a>
                        </div>
                    </div>
                    </div><!-- /login-panel -->
            	</div><!-- /demoheader -->	
            </div><!--end:top2-->
            <div id="top3">
            	<h1 class="logo"><a href="index-2.html">Shopy Mart</a></h1>
                <form action="#" method="post" class="search_bar">
                    <fieldset>
                      <input type="text" name="search" class="search" value="Enter a keywords..." onBlur="if (this.value == ''){this.value = 'Enter a keywords...'; }" onFocus="if (this.value== 'Enter a keywords...') {this.value = ''; }" />
                      <input type="submit" name="submit" value="Search" class="submit" />
                    </fieldset>
                </form>
            </div><!--end:top3-->
        </header>
        <div id="container">
        	<nav>  
                <ul id="mega-menu-3" class="mega-menu">
                    <li class="first"><a href="index-2.html">Home</a></li>
                    <li><a href="clothing.html">Clothing</a>
                        <ul>
                            <li><a href="clothing.html">Women's Clothing</a>
                            	<ul class="menu-1">
                                	<li><a href="http://html5awesome.com/themeforest/shopymart/newarrival.html">New Arrival</a></li>
                                    <li><a href="http://html5awesome.com/themeforest/shopymart/sale.html">On Sale</a></li>
                                    <li><a href="brands.html">Brands</a></li>
                                </ul>
                                <ul>
                                    <li><a href="#">Coats</a></li>
                                    <li><a href="#">Dresses &amp; Skirts</a></li>
                                    <li><a href="#">Hoodies &amp; Sweatshirts</a></li>
                                    <li><a href="#">Jackets</a></li>
                                    <li><a href="#">Pants &amp; Shorts</a></li>
                                    <li><a href="#">Jeans</a></li>
                                </ul>
                            </li>
                            <li><a href="http://html5awesome.com/themeforest/shopymart/clothing">Men's Clothing</a>
                            	<ul class="menu-1">
                                	<li><a href="http://html5awesome.com/themeforest/shopymart/newarrival.html">New Arrival</a></li>
                                    <li><a href="http://html5awesome.com/themeforest/shopymart/sale.html">On Sale</a></li>
                                    <li><a href="brands.html">Brands</a></li>
                                </ul>
                                <ul>
                                    <li><a href="#">Coats</a></li>
                                    <li><a href="#">T-Shirts</a></li>
                                    <li><a href="#">Hoodies &amp; Sweatshirts</a></li>
                                    <li><a href="#">Jackets</a></li>
                                    <li><a href="#">Pants &amp; Shorts</a></li>
                                    <li><a href="#">Jeans</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                <li><a href="shoes.html">Shoes</a></li>
                <li><a href="brands.html">Brands</a>
                	<ul>
                    	<li><a href="#">Lee</a></li>
                    	<li><a href="#">Jag</a></li>
                        <li><a href="#">Hangten</a></li>
                        <li><a href="#">Addidas</a></li>
                        <li><a href="#">Nike</a></li>
                        <li><a href="#">Levi's</a></li>
                	</ul>
                </li>
                <li><a href="product.html" class="current">Products</a>
                	<ul>
                    	<li>
                        <ul class="menu-1">
                            <li><a href="http://html5awesome.com/themeforest/shopymart/newarrival.html">New Arrival</a></li>
                            <li><a href="http://html5awesome.com/themeforest/shopymart/sale.html">On Sale</a></li>
                        	<li><a href="brands.html">Brands</a></li>
                        </ul>
                        <ul>
                        	<li><a href="#">Women's Clothing</a></li>
                            <li><a href="#">Mens Clothing</a></li>
                            <li><a href="#">Shoes</a></li>
                            <li><a href="#">Accessories</a></li>
                            <li><a href="#">Product 1</a></li>
                            <li><a href="#">Product 2</a></li>
                        </ul>
                        </li>
                        <li>
                        	<ul>
                            	<li><img src="images/products/product-menu.jpg" alt=""></li>
                            </ul>
                         </li>
                        </ul>
                </li>
                <li><a href="blog.html">Blog</a>
                	<ul>
                    	<li><a href="single.html">Single</a></li>
                    </ul>
                </li>
                <li><a href="#">Features</a>
                	<ul>
                    	<li><a href="index-2.html">Camera Slider</a></li>
                        <li><a href="index2.html">Item Slider</a></li>
                        <li><a href="typography.html">Typography</a></li>
                        <li><a href="button.html">Button</a></li>
                        <li><a href="column.html">Column</a></li>
                        <li><a href="list.html">Ordered &amp; Unordered List</a></li>
                        <li><a href="404page.html">404 Error Page</a></li>
                    </ul>
                </li>
                <li><a href="contact.html">Contact</a></li>
                </ul>
            </nav><!--end:grey-->
            <div class="content-wrap">
            	<div style="clear:both; display:block; height:20px"></div>
                <div id="intro">
                	<div class="one-fourth serv first">
                    	<img src="images/service-1.png" alt="">
                        <h3><a href="#">Free Shipping</a></h3>
                        <span>Available</span>
                    </div>
                    <div class="one-fourth serv">
                    	<img src="images/service-2.png" alt="">
                        <h3><a href="#">30 Days Return</a></h3>
                        <span>Easy Return</span>
                    </div>
                    <div class="one-fourth serv">
                    	<img src="images/service-3.png" alt="">
                        <h3><a href="#">Call Us</a></h3>
                        <span>(63) 912 3456</span>
                    </div>
                    <div class="one-fourth serv">
                    	<img src="images/service-4.png" alt="">
                        <h3><a href="#">Secured</a></h3>
                        <span>Checkout</span>
                    </div>
                </div><!--end:intro-->
                <div class="container-2">
                	<div style="clear:both; display:block; height:40px"></div>
                	<div class="prod">
                        <div class="clearfix"> 
                        <a href="images/products/product_big1.jpg" class="jqzoom" rel='gal1'  title="triumph" > <img src="images/products/product_small1.jpg" style="border: 4px solid #e5e5e5;"> </a>
                        </div>
                        <div class="clearfix" >
                            <ul id="thumblist" class="clearfix" >
                              <li>
                              	<a class="zoomThumbActive" href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './images/products/product_small1.jpg',largeimage: './images/products/product_big1.jpg'}"><img src='images/products/product_small1.jpg'></a>
                              </li>
                              <li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './images/products/product_small2.jpg',largeimage: './images/products/product_big2.jpg'}"><img src='images/products/product_small2.jpg'></a></li>
                              <li><a  href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './images/products/product_small3.jpg',largeimage: './images/products/product_big3.jpg'}"><img src='images/products/product_small3.jpg'></a></li>
                            </ul>
                        </div>
                    </div><!--end:prod-->
                    <div class="prod-detail">
                    	<h2>Long Sleeve V-Neck T-Shirt - Black</h2>
                        <span class="price">$48.00</span>
                        <form action="#">
                        	Choose you sizes :&nbsp;
                            <select>
                            	<option>Large</option>
                                <option>Medium</option>
                                <option>Small</option>
                                <option>X-Large</option>
                                <option>X-Small</option>
                             </select>
                             &nbsp;&nbsp;
                             Quantity:&nbsp;
                             <input value="1" type="text">                             
                         </form>
                         <span class="cart-button"><a href="cart.html">Add to Cart</a><a href="wishlist.html">Add to Wishlist</a><a href="compare.html">Add to Compare</a></span>
                         <div id="tab">
                            <ul class="nav">
                                <li class="nav-one"><a href="#details" class="current">Details</a></li>
                                <li class="nav-two"><a href="#specs">Specification</a></li>
                                <li class="nav-three"><a href="#reviews">Reviews</a></li>
                                <li class="nav-four last"><a href="#tags">Tags</a></li>
                            </ul>
                            <div class="list-wrap">
                                <div id="details">
                                	<p>Vivamus orci sem, consectetur ut vestibulum a, semper ac dui. Aenean tellus nisl, commodo eu aliquet ut, pulvinar ut sapien. Praesent sollicitudin, nibh nec mattis lobortis, dui massa eleifend magna, eget consequat risus felis dignissim ligula. </p>
                                    <ul>
                                        <li><a href="#">Lorem ipsum dolor sit amet Consectetur adipiscing elit</a></li>
                                        <li><a href="#">Integer molestie lorem at massa Facilisis in pretium nisl aliquet</a></li>
                                        <li><a href="#">Nulla volutpat aliquam velit </a></li>
                                	</ul>
                                </div>
                                <ul id="specs" class="hide">
                                    <li><span>Product Code:</span> Product 01</li>
                                    <li><span>Availability:</span> In Stock</li>
                                    <li><span>Price:</span> $48.00</li>
                                    <li><span>Eco Tax:</span> $1</li>
                                    <li><span>Vat(10%):</span> $7</li>
                                </ul>
                                <div id="reviews" class="hide">
                                	<form action="#">
                                      <fieldset>
                                          <label>Input Text</label>
                                          <input type="text" name="input">
                                          <label>Review</label>
                                          <textarea rows="3"></textarea>
                                      </fieldset>
                                      <input type="submit" class="submit" value="Write a review">
                                    </form>
                                </div>
                                <ul id="tags" class="hide">
                                    <li><a href="#">Women's Clothes</a></li>
                                    <li><a href="#">Men's Clothes</a></li>
                                    <li><a href="#">Women's Shoes</a></li>
                                    <li><a href="#">Men's Shoes</a></li>
                                    <li><a href="#">Accessories</a></li>
                                    <li><a href="#">Brand</a></li>
                                </ul>
                            </div>
                        </div>
                    </div><!--prodetail-->
                    <div class="relatedprod">
                    	<h4>Related Products</h4>
                    	<div class="entry first">
                            <div class="da-thumbs">
                                <div class="div-related">
                                    <img src="images/products/product-5.jpg" alt="">
                                    <article class="da-animate da-slideFromRight" style="display: block;">
                                    <p>
                                    <a href="product-detail.html" class="link tip" title="View Detail"></a>&nbsp;
                                    <a href="cart.html" class="cart tip" title="Add to cart"></a>&nbsp;&nbsp;
                                    <a href="images/preview/work_1_l.jpg" rel="prettyPhoto[gallery1]" class="zoom tip" title="Zoom" ></a></p>
                                	</article>
                            	</div>
                            </div>
                            <h3><a href="product-detail.html">Athletic Shoes</a></h3>
                         	<span>$59.95</span>
                         </div>
                         <div class="entry">
                            <div class="da-thumbs">
                                <div class="div-related">
                                    <img src="images/products/product-4.jpg" alt="">
                                    <article class="da-animate da-slideFromRight" style="display: block;">
                                    <p>
                                    <a href="product-detail.html" class="link tip" title="View Detail"></a>&nbsp;
                                    <a href="cart.html" class="cart tip" title="Add to cart"></a>&nbsp;&nbsp;
                                    <a href="images/preview/work_1_l.jpg" rel="prettyPhoto[gallery1]" class="zoom tip" title="Zoom" ></a></p>
                                	</article>
                            	</div>
                            </div>
                            <h3><a href="product-detail.html">Athletic Shoes</a></h3>
                         	<span>$59.95</span>
                         </div>
                         <div class="entry">
                            <div class="da-thumbs">
                                <div class="div-related">
                                    <img src="images/products/product-6.jpg" alt="">
                                    <article class="da-animate da-slideFromRight" style="display: block;">
                                    <p>
                                    <a href="product-detail.html" class="link tip" title="View Detail"></a>&nbsp;
                                    <a href="cart.html" class="cart tip" title="Add to cart"></a>&nbsp;&nbsp;
                                    <a href="images/preview/work_1_l.jpg" rel="prettyPhoto[gallery1]" class="zoom tip" title="Zoom" ></a></p>
                                	</article>
                            	</div>
                            </div>
                            <h3><a href="product-detail.html">Athletic Shoes</a></h3>
                         	<span>$59.95</span>
                         </div>
                         <div class="entry">
                            <div class="da-thumbs">
                                <div class="div-related">
                                    <img src="images/products/product-3.jpg" alt="">
                                    <article class="da-animate da-slideFromRight" style="display: block;">
                                    <p>
                                    <a href="product-detail.html" class="link tip" title="View Detail"></a>&nbsp;
                                    <a href="cart.html" class="cart tip" title="Add to cart"></a>&nbsp;&nbsp;
                                    <a href="images/preview/work_1_l.jpg" rel="prettyPhoto[gallery1]" class="zoom tip" title="Zoom" ></a></p>
                                	</article>
                            	</div>
                            </div>
                            <h3><a href="product-detail.html">Athletic Shoes</a></h3>
                         	<span>$59.95</span>
                         </div>
                    </div>
                </div><!--end:container-2-->
                <div class="container-2">
                	<div style="clear:both; display:block; height:40px"></div>
                    <div class="ship">
                    	<a href="#"><img src="images/service-1.png" alt=""></a>
                        <h4><a href="#">Free Shipping</a></h4>
                        <span>On order over $300</span>
                    </div>
                    <div class="subs">
                    	<h4>Sign up for our Newsletter</h4>
                    	<form action="#" method="post" class="subscribes">
                            <fieldset>
                              <input type="text" name="subscribe" class="subscribe" value="Subscribe" onBlur="if (this.value == ''){this.value = 'Subscribe'; }" onFocus="if (this.value== 'Subscribe') {this.value = ''; }" />
                              <input type="submit" name="submit" value="Submit" class="submit" />
                            </fieldset>
                        </form>
                    </div>
                </div><!--end:container-2-->
            </div><!--end:content-wrap-->
            <footer>
            	<div class="content-wrap">
                	<div class="one-fourth first">
                    	<h4>Information</h4>
                        <ul>
                        	<li><a href="http://html5awesome.com/themeforest/shopymart/about.html">About Us</a></li>
                            <li><a href="#">Delivery Information</a></li>
                            <li><a href="#">Privacy Policy</a></li>
                            <li><a href="#">Terms &amp; Condition</a></li>
                        </ul>
                    </div>
                    <div class="one-fourth">
                    	<h4>Customer Services</h4>
                        <ul>
                        	<li><a href="contact.html">Contact Us</a></li>
                            <li><a href="#">Shipping Returns</a></li>
                            <li><a href="#">Secure Shopping</a></li>
                        </ul>
                    </div>
                    <div class="one-fourth">
                    	<h4>Extras</h4>
                        <ul>
                        	<li><a href="brands.html">Brands</a></li>
                            <li><a href="#">Gift Vouchers</a></li>
                            <li><a href="#">Affiliates</a></li>
                            <li><a href="#">Special</a></li>
                        </ul>
                    </div>
                    <div class="one-fourth">
                    	<h4>My Account</h4>
                        <ul>
                        	<li><a href="account.html">My Account</a></li>
                            <li><a href="#">Order History</a></li>
                            <li><a href="wishlist.html">Wishlist</a></li>
                            <li><a href="#">Newsletter</a></li>
                        </ul>
                    </div>
                </div>
                <div class="content-wrap">
                	<div style="clear:both; display:block;" class="social-wrap"></div>
                	<ul class="social">
                    	<li><a href="#" class="tip" title="Facebook"><img src="images/social-icon-facebook.png" alt="Facebook"></a></li>
                        <li><a href="#" class="tip" title="Dribbble"><img src="images/social-icon-dribbble.png" alt="Dribbble"></a></li>
                        <li><a href="#" class="tip" title="Flickr"><img src="images/social-icon-flickr.png" alt="Flickr"></a></li>
                        <li><a href="#" class="tip" title="Pinterest"><img src="images/social-icon-pinterest.png" alt="Pinterest"></a></li>
                        <li><a href="#" class="tip" title="Twitter"><img src="images/social-icon-twitter.png" alt="Twitter"></a></li>
                        <li><a href="#" class="tip" title="RSS"><img src="images/social-icon-rss.png" alt="RSS"></a></li>
                    </ul>
                    <ul class="payment">
                    	<li><a href="#" class="tip" title="Paypal"><img src="images/payment-icon-paypal.png" alt="Paypal"></a></li>
                        <li><a href="#" class="tip" title="American Express"><img src="images/payment-icon-ae.png" alt="American Express"></a></li>
                        <li><a href="#" class="tip" title="Discover"><img src="images/payment-icon-discover.png" alt="Discover"></a></li>
                        <li><a href="#" class="tip" title="Master Card"><img src="images/payment-icon-mastercard.png" alt="Master Card"></a></li>
                        <li><a href="#" class="tip" title="Visa"><img src="images/payment-icon-visa.png" alt="Visa"></a></li>
                    </ul>
                    <p style="clear:both; display:block;">&copy; 2013 <a href="index-2.html">Shopymart</a>, All Rights Reserved. Designed by: <a href="#">louiejiemahusay</a></p>
                </div>
            </footer>
        </div><!--end:container-->
    </div><!--end:page_wrap-->
</body>
</html>
